<template>
  <div>
    <PartLabel :label="label" class="mb-[20px]" />

    <el-descriptions class="margin-top" title="" :column="2" size="medium" border>
      <el-descriptions-item v-for="(item, index) in dataList" :key="index">
        <template slot="label"> {{ item.label }} </template>
        <span>{{ item.value }}</span>
        <span>{{ item.unit }}</span>
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import PartLabel from '@/components/portal/PartLabel.vue'
export default Vue.extend({
  components: { PartLabel },
  props: {
    label: {
      type: String,
      default: 'Part Name',
    },
    dataList: {
      type: Array,
      default: () => [
        {
          label: '电价',
          value: 'powerFee',
          unit: '元/月',
        },
        {
          label: '峰值天然气',
          value: 'gasFee',
          unit: '元/立方米',
        },
        {
          label: '水价',
          value: 'waterFee',
          unit: '元/吨',
        },
        {
          label: '峰值蒸汽价',
          value: 'steamFee',
          unit: '元/立方米',
        },
        {
          label: '污水处理价',
          value: 'sewageFee',
          unit: '元/吨',
        },
        {
          label: '普通工人',
          value: 'ordinaryWorker',
          unit: '',
        },
        {
          label: '中级技术员',
          value: 'intermediateTechnician',
          unit: '',
        },
        {
          label: '高级技术员',
          value: 'seniorTechnician',
          unit: '',
        },
        {
          label: '写字楼租金',
          value: 'buildingRent',
          unit: '',
        },
        {
          label: '写字楼售价',
          value: 'buildingPrice',
          unit: '',
        },
        {
          label: '厂房租金',
          value: 'workshopRent',
          unit: '',
        },
        {
          label: '厂房售价',
          value: 'workshopPrice',
          unit: '',
        },
        {
          label: '仓库租金',
          value: 'depositoryRent',
          unit: '',
        },
        {
          label: '仓库售价',
          value: 'depositoryPrice',
          unit: '',
        },
      ],
    },
  },
  data() {
    return {}
  },
})
</script>
<style lang="scss" scoped></style>
